import React from 'react'
import { View, StyleSheet, Text } from 'react-native'
import { ScaleS, ScaleT } from 'src/utils/ScreenUtil'
import CommonInputPage from 'src/pageP/common/common-input-page'
import CustomButton from 'src/components/button/CustomButton'
import CustomImage from 'src/components/image/CustomImage'

export default class WorkDescriptionPage extends CommonInputPage {
  constructor (props) {
    super(props)
    this.state = {
      ...this.state,
      showExample: false
    }
    this.params.multiline = true
    this.params.inputTextStyle = { height: ScaleS(140) }
  }

  renderBottomView () {
    return null
    // const {showExample} = this.state
    // return (
    //   <View style={styles.containerView}>
    //     <View style={styles.line}/>
    //     <CustomButton style={styles.checkExampleView} onPress={this._checkExample}>
    //       <CustomImage source={require('src/imgC/home/check_example.png')} style={styles.eyeView}/>
    //       <Text style={styles.checkExampleLabel}>查看实例</Text>
    //     </CustomButton>
    //     {
    //       showExample && (
    //         <View style={styles.exampleView}>
    //           <Text style={styles.exampleLabel}>
    //             1、负责移动互联网产品手机端Android、iOS的 UI设计
    //           </Text>
    //           <Text style={styles.exampleLabel}>
    //             2、制定APP界面的实现标准、输出设计规范规范
    //           </Text>
    //           <Text style={styles.exampleLabel}>
    //             3、负责维护版本迭代，提高界面的用户体验规范
    //           </Text>
    //         </View>
    //       )
    //     }
    //   </View>
    // )
  }

  _checkExample = () => {
    this.setState(prevState => ({
      showExample: !prevState.showExample
    }))
  }
}

const styles = StyleSheet.create({
  containerView: {
    marginHorizontal: ScaleS(20)
  },
  line: {
    height: ScaleS(1),
    backgroundColor: '#EFEFEF'
  },
  checkExampleView: {
    marginTop: ScaleS(24),
    flexDirection: 'row',
    alignItems: 'center'
  },
  eyeView: {
    width: ScaleS(18),
    height: ScaleS(10),
    backgroundColor: 'white',
    marginRight: ScaleS(3)
  },
  checkExampleLabel: {
    color: '#666666',
    fontSize: ScaleT(14),
    fontWeight: '400'
  },
  exampleView: {
    marginVertical: ScaleS(30)
  },
  exampleLabel: {
    color: '#444444',
    fontSize: ScaleT(16),
    fontWeight: '400'
  },
  listLabel: {
    lineHeight: ScaleS(64),
    color: '#666666',
    fontSize: ScaleT(16),
    fontWeight: '400',
    marginHorizontal: ScaleS(20)
  }
})
